<template>
	<div class="main">
		<div class="manlte">
			<div class="center">
				<img src="@/assets/images/wechat/student/ad/xin.png">
				<div class="all">
					<div class="title">致同学们的一封信</div>
					<div class="content">“学法律法规知识，树重财权益新风”法律知识竞赛开始啦!</div>
					<div class="c-one">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;懂法守法，与法同行。权益部以增强广大重财学子的法 律意识，建设法治重财为目标，举行本次法律知识竞赛活动。 本次竞赛活动以“学法律法规知识，树重财权益新风”为主 题，采用线上答题的方式，答题方式便捷，题目轻松有趣， 本次的题目也与同学们的生活息息相关噢。</div>
					<div class="c-one">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;本次活动设立奖项如下：</div>
					<div class="c-end"> 一等奖：1名（陶瓷杯一个)</div>
					<div class="c-end"> 一等奖：2名（帆布袋一个)</div>
					<div class="c-end"> 一等奖：5名（笔记本一个)</div>
					<div class="end">竞赛分数排名前50的同学可加0.15的人文分</div>
					<a class="learn" href="https://wj.qq.com/s2/9379425/d137/">了解更多</a>
				</div>
				<router-link class="bottom" :to="{ path: '/wechatstudent/studentcenter' }">
					<img src="@/assets/images/wechat/student/ad/cha.png">
				</router-link>
			</div>
		</div>
	</div>
</template>

<script>
//引入js	
import router from '@/router/index'

export default {
	components: {
	},
    data(){
		return {
			baseUrl:process.env.VUE_APP_BASE_API,
			
		}
    },
    created:function(){
		
  	},
  	beforeMount: function() {
		
    },
  	mounted: function () {
  		
  	},
  	methods:{
  		
  	}
}
</script>

<style lang="scss" scoped>
	.main{
		width: 100%;
		height: 100vh;
		overflow: auto;
		.manlte{
			position:fixed;
			height:100%;
			width:100%;
			top:0;
			left:0;
			background: rgba(0,0,0,0.5);
			.center{
				position: relative;
				margin-top:100px;
				margin-left:30px;
				margin-right:30px;
				>img{
					width: 100%;
				}
				.all{
					position:absolute;
					top:15%;
					left:0;
					.title{
						width: 100%;
						text-align: center;
						font-size: 14px;
						font-weight: 400;
						color: #6C6C6C;
					}
					.content{
						margin-top:7px;
					}
					.c-one,.content{
						font-size: 9px;
						font-weight: 400;
						color: #6C6C6C;
						width:70%;
						margin-left:15%;
						margin-right:15%;
					}
					.c-end{
						width: 40%;
						margin-left:30%;
						margin-right:30%;
						text-align: center;
						font-size: 9px;
						font-weight: 400;
						color: #6C6C6C;
					}
					.end{
						margin-top:3px;
						font-size: 8px;
						font-weight: 400;
						color: #000000;
						width:40%;
						margin-left:30%;
						margin-right:30%;
						text-align: center;
					}
					.learn{
						display: block;
						font-size: 8px;
						font-weight: 400;
						color: #FFFFFF;
						text-align: center;
						width:40%;
						margin-left:30%;
						margin-right:30px;
						margin-top:20px;
						line-height: 20px;
						border-radius: 10px;
						background: #1F54BC;
						
					}
			}
				.bottom{
					position:absolute;
					top:125%;
					left:50%;
					margin-left:-20px;
					width:40px;
					height:40px;
					>img{
						width: 100%;
					}
				}
			}
		}
		
	}
</style>
